<template>
	<Test
		:id="id"
		class="box"
		style="color: red"
		a="1"
		b="b"
		placeholder="亲输入"
		@input="callback"
	>
		<template #title>
			<h1>哈哈哈</h1>
		</template>
		<!-- <template #name></template> -->
	</Test>
</template>

<script setup lang="ts">
import Test from './test.vue'

// 如果 attribute 的名称与绑定的 JavaScript 变量的名称相同，那么可以进一步简化语法  :id="id"  简写为  :id
const id = 'box'

function callback(e: any) {
	console.log(e.target.value)
}
</script>
